<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .container {
            width: 100%;
            height: 50px;
            background: #333333;
        }

        .top {
            width: 100%;
            background: #b92c28;
        }

        .main {
            width: 100%;
            background: #1b6d85;
        }

        .footer {
            width: 100%;
            background: #1E9FFF;
        }
.top ul{
    height: 100%;
    float: right;

}

        .main_top {
            color: #b92c28;
            font-family: "华文中宋";
            font-size: 30px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="top">
        <ul>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>

        </ul>
    </div>

    <div class="main">
        <div id="main_top">
            <p>环保空间</p>
            <p>环保空间</p>
            <p>环保空间</p>
            <p>环保空间</p>
        </div>


    </div>

    <div class="footer">
        <p>环保空间</p>
        <p>环保空间</p>
        <p>环保空间</p>
        <p>环保空间</p>
    </div>
</div>
</body>
</html>